<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>
</head>
<body>
<div class="head">
  <div class="wrap clearfix">
    <a href="index.html" class="logo indent">logo</a>
    <div class="headr fr">
      <form action="active.html" method="post" class="headsearch">
        <label class="label">
          <input type="text" value="" name="" class="key">
          <span class="text">搜索地址、名称、时间等</span>
        </label>
        <button type="submit" class="button btn-search">&#xe628;</button>
      </form>
      <a href="login.html">登录</a><a href="reg.html">注册</a><a href="#">发布我的饭局</a>
    </div>
  </div>
</div>
<div class="detail-banner">
  <div class="item" style="background-image:url(upload/img23.jpg);">
    <div class="wrap">
      <div class="tbg"></div>
      <div class="txt">
        <div class="mt40 tnumber">NO.01</div>
        <p class="tname">海纳创作料理价值350元高级自助餐免费抢！</p>
        <p>Rebel Rebel的花艺设计风格以遵从自然主义、尊重原创花艺设计为其最鲜明的特色，对创新的不断突破和对产品品质的永不妥协也是支持这个品牌花店永葆生机的不变法则。每次花艺现场，Rebel Rebel都会尽力为客户挑选当季最优质的英国原产花材，为打造一场美轮美奂的花艺作品而竭尽全力。</p>
      </div>
    </div>
  </div>
  <div class="item" style="background-image:url(images/img4.jpg);">
    <div class="wrap">
      <div class="tbg"></div>
      <div class="txt">
        <div class="mt40 tnumber">NO.02</div>
        <p class="tname">海纳创作料理价值350元高级自助餐免费抢！</p>
        <p>Rebel Rebel的花艺设计风格以遵从自然主义、尊重原创花艺设计为其最鲜明的特色，对创新的不断突破和对产品品质的永不妥协也是支持这个品牌花店永葆生机的不变法则。每次花艺现场，Rebel Rebel都会尽力为客户挑选当季最优质的英国原产花材，为打造一场美轮美奂的花艺作品而竭尽全力。</p>
      </div>
    </div>
  </div>
</div>

<div class="dd-btn">
  <div class="wrap clearfix pr">
    <span class="label current">单身派对</span>
    <span class="label">英式下午茶</span>
    <span class="label">二点五次元</span>
    <div class="tbg"></div>
    <div class="sharebox clearfix">
      <span class="fl"><em class="fl">分享</em> <div class="bdsharebuttonbox fl"><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a></div>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["tsina","tqq","qzone","weixin","twi"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["tsina","tqq","qzone","weixin","twi"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script></span><a href="#" class="Collect fr"><em class="myfont">&#xe613;</em>收藏 0</a><a href="javascript:;" class="love fr"><em class="myfont">&#xe61d;</em>赞 0 </a>
    </div>
  </div>
</div>

<div class="wrap mt40">
  <div class="detail-box">
    <dl class="lebox">
      <dt class="img"><img src="upload/img24.jpg"></dt>
      <dd>目的地介绍 | INTRODUCTION</dd>
    </dl>
    <h1>简咖啡</h1>
    <p class="local"><em class="myfont">&#xe629;</em>  中国   上海</p>
    你有没有发觉，这城市太快了？从窗外望出去，或是看看四周，人们总在匆忙。但这正是我们选择在这里的原因，咖啡馆真正存在的意义，就是让时光一直静止在这里。一杯现磨咖啡，也许就会让下一刻专属于你。在J Coffee，让时光与咖啡简单存在。 为了保证咖啡的品质，J Coffee选用纯正的阿拉比卡咖啡豆，咖啡机及其它器具均来自国际一线品牌。咖啡制作老师是咖啡师大赛（WBC）中国区冠军何鸿操老师，杯测老师为COE...
  </div>
</div>

<div class="wrap mt40 clearfix">
  <div class="Publisher mt10 fl">
    <a href="#" class="user-img"><img src="upload/img25.png"></a>
    <div class="user-level tc">大郭郭呐 <em></em><em></em><em></em></div>
    <p class="tc"><a href="javascript:;" class="button btn-follow"> + 关注</a></p>
    <div class="pd10">
      <p class="myfont"><em>&#xe642;</em><em>&#xe629;</em></p>
      <p class="mt5">个人信誉值</p>
      <span class="Progress mt10"><span class="bar" style="width:75%;"></span></span>
      <p class="mt5">粉丝  0</p>
    </div>
  </div>
  <div class="detail-info fl">
    <div class="title">
      招募名额：6~8 位
      <p class="f14">报名时间： 2015年01月14日 - 01月22日</p>
      <span class="price"><em class="f30">88</em> 元 / 位</span>
    </div>
    <div class="bd">
      <table>
        <tr>
          <th><img src="images/l.png"></th>
          <td><p class="c999">活动地址</p>陕西南路35号雅克红房子5楼200 米</td>
        </tr>
        <tr>
          <th><img src="images/time.png"></th>
          <td><p class="c999">活动时间</p>1月27日(周二)11:00 到 2月13日(周五)21:00</td>
        </tr>
        <tr>
          <th><img src="images/wf.png"></th>
          <td><p class="c999">活动玩法</p><a href="#" target="_blank">先到先得</a>    <a href="#" target="_blank">双向选择</a>    <a href="#" target="_blank">大数据匹配</a></td>
        </tr>
      </table>
    </div>
  </div>
  <div class="Countdown fr">
    <div class="title">距报名结束还有<span>5</span>天</div>
    <ul class="countime clearfix">
      <li>
        <span class="hour">18</span>
        <em>小时</em>/Hours
      </li>
      <li>
        <span class="minu">39</span>
        <em>分钟</em>/Minutes
      </li>
      <li>
        <span class="hour">26</span>
        <em>秒</em>/Second
      </li>
    </ul>
    <a href="Sign_up.html" class="button btn-apply">立即申请</a><a href="#" class="button btn-enj">感兴趣<span class="f12">(4人)</span></a>
    <div class="title tc pd10 f12">已经有<span>6</span>人报名</div>
  </div>
  
</div>

<div class="registbox mt40">
  <div class="wrap">
    <p class="tc" style="padding-top:60px;"><img src="images/imgrs.jpg"></p>
    <div class="regster">
      <dl>
        <dt><a href="#"><img src="upload/img12.png"></a></dt>
        <dd><a href="#">大郭郭呐</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img15.jpg"></a></dt>
        <dd><a href="#">小七姑娘</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img16.png"></a></dt>
        <dd><a href="#">Bear</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img17.png"></a></dt>
        <dd><a href="#">于_小妖</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img18.png"></a></dt>
        <dd><a href="#">花闻着_xiang</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img26.png"></a></dt>
        <dd><a href="#">梦小茉茉</a></dd>
      </dl>
      <dl>
        <dt><a href="#"><img src="upload/img26.png"></a></dt>
        <dd><a href="#">梦小茉茉</a></dd>
      </dl>
    </div>
  </div>
</div>

<div class="message wrap mt20">
  <div class="label"><em></em>留言交流</div>
  <div class="pd30">
    <div class="plmain bg-w bd0 mt30">
      <div class="plm tr"><a href="#" class="c999" style="text-decoration:none"><em class="myfont f20">&#xe61b;</em>12</a></div>
      <div class="textarea_input"><textarea id="TextArea1"  style="background:#f9f9f9;" ></textarea></div>
      <div class="tool_submit tr"><button type="button" name="" value="" class="button sublist">留 言</button></div>
    </div>
 
   <div class="plmcomment mt20">
        <ul class="comment-list">
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
          <li class="np-post">
            <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
            <div class="post-body">
              <div class="post-header clearfix">
                <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前<span class="reply"><em class="myfont">&#xe640;</em><a href="javascript:;"> 回复</a></span>
              </div>
              <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
            </div>
          </li>
        </ul>
        <!--Pagination-->
        <div class="page mt20 clearfix"><a href="#" class="prev"><em></em>上一页</a><span>1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a>...<a href="#">23</a><a href="#" class="next">下一页<em></em></a></div>
  </div>
 </div>
</div>


<div class="footmenu">
    <div class="wrap clearfix">
      <div class="item bd0">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="fr">
        <img src="images/img2.jpg">
        <img src="images/img3.jpg">
      </div>
    </div>
    <div class="gotop">&#xe608;</div>
  </div>
<div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>  

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/slick.js"></script>
<script>
$(function(){
	$('.detail-banner').slick({
		dots: true,
		infinite: true,
		speed: 500,
		fade: true,
		autoplay: true,
		cssEase: 'linear'
	});
  $('.regster').slick({
		dots: false,
		slidesToShow: 6,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 2000,
	});
})
</script>
</html>